<template>
  <div class="map" style="width: 100%;height: 100%;">
    <!-- <WorldMap /> -->
    <!-- <HongkongChart /> -->
  <WorldwideChart />
  <!-- <WorldCountryChart /> -->
  </div>
</template>
<script set up>
import HongkongChart from '../../components/HongkongChart.vue';
import WorldwideChart from '../../components/WorldwideChart.vue';
import WorldCountryChart from '../../components/WorldCountryChart.vue';
  import WorldMap from './Worldmap.vue';
  export default {
  components: {
    WorldMap,
HongkongChart,
WorldCountryChart,
WorldwideChart
  }
}
</script>
<style scoped >
.map {
  margin: 10,10,10,10;
}
</style>